﻿<div class="row">
    <div class="col-lg-4 col-xs-4">
        <!-- small box -->
        <div class="small-box bg-aqua">
            <div class="inner">
                <h3>{{statistic.totalPost}}</h3>
                <p>Posts</p>
            </div>
            <div class="icon">
                <i class="fa fa-envelope-o"></i>
            </div>
        </div>
    </div><!-- ./col -->
    <div class="col-lg-4 col-xs-4">
        <!-- small box -->
        <div class="small-box bg-yellow">
            <div class="inner">
                <h3>{{statistic.totalComment}}</h3>
                <p>Comments</p>
            </div>
            <div class="icon">
                <i class="fa fa-comments-o"></i>
            </div>
        </div>
    </div><!-- ./col -->
    <div class="col-lg-4 col-xs-4">
        <!-- small box -->
        <div class="small-box bg-green">
            <div class="inner">
                <h3>{{statistic.totalLogin}}</h3>
                <p>Times access to system</p>
            </div>
            <div class="icon">
                <i class="ion ion-person-add"></i>
            </div>
        </div>
    </div><!-- ./col -->
</div>